<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap/css/bootstrap.css}">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/jquery-3.5.1.js}"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script type="text/javascript" th:src="@{/bootstrap/js/bootstrap.js}"></script>
    <style>

        .container-fluid {
            padding-right: 75px;
            padding-left: 75px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-md-auto column">
            <div class="page-header">
                <h1>
                    学生管理系统 <small>修改密码</small>
                </h1>
            </div>
            <!--            <ul class="nav nav-tabs" id="navii" th:fragment="tempul">-->
            <!--                <li class="active">-->
            <!--                    <a th:href="@{/home}" target="frame">首页</a>-->
            <!--                </li>-->
            <!--                <li >-->
            <!--                    <a th:href="@{/managementStudent}" target="frame">学生信息管理</a>-->
            <!--                </li>-->
            <!--                <li>-->
            <!--                    <a th:href="@{/managementPower}" target="frame">权限分配</a>-->
            <!--                </li>-->
            <!--                <li>-->
            <!--                    <a th:href="@{/auditRequest}" target="frame">请求审核</a>-->
            <!--                </li>-->
            <!--                <li class="dropdown pull-right">-->
            <!--                    <div class="dropdown">-->
            <!--                        <button type="button" class="btn btn-primary dropdown-toggle" id="dropdownMenu1"-->
            <!--                                data-toggle="dropdown">-->
            <!--                            <span class="glyphicon glyphicon-user"></span>操作-->
            <!--                            <span class="caret"></span>-->
            <!--                        </button>-->
            <!--                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">-->
            <!--                            <li role="presentation">-->
            <!--                                <a class="disableCss" role="menuitem" tabindex="-1" th:text="用户 +${account}"></a>-->
            <!--                            </li>-->
            <!--                            <li role="presentation" class="divider"></li>-->
            <!--                            <li role="presentation">-->
            <!--                                <a role="menuitem" tabindex="-1" th:href="@{/}">切换用户</a>-->
            <!--                            </li>-->
            <!--                            <li role="presentation">-->
            <!--                                <a role="menuitem" tabindex="-1" th:href="@{/changePassword/}+${account}">修改密码</a>-->
            <!--                            </li>-->
            <!--                            <li role="presentation" class="divider"></li>-->
            <!--                            <li role="presentation">-->
            <!--                                <a role="menuitem" tabindex="-1" th:href="@{/}">退出系统</a>-->
            <!--                            </li>-->
            <!--                        </ul>-->
            <!--                    </div>-->
            <!--                </li>-->
            <!--            </ul>-->
            <div class="page-header">
                <h3>
                    个人信息管理 <small>修改登录密码：</small>
                </h3>
            </div>
            <div class="col-md-8 column">
                <form class="form-horizontal" role="form" th:action="@{/changePassword/validate}" method="post">
                    <div class="form-group">
                        <label for="inputoldPassword" class="col-sm-2 control-label">请输入原密码：</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputoldPassword" name="oldPassword"/>
                        </div>
                    </div>
                    <br>
                    <div class="form-group">
                        <label for="inputnewPassword1" class="col-sm-2 control-label">请输入新密码：</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputnewPassword1" name="newPassword1"/>
                        </div>
                    </div>
                    <br>
                    <div class="form-group">
                        <label for="inputnewPassword2" class="col-sm-2 control-label">请确认新密码：</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="inputnewPassword2" name="newPassword2"/>
                        </div>
                    </div>
                    <hr>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-success">提交</button>
                            <a type="submit" class="btn btn-danger" th:href="@{/index/}+${user}" methods="post">返回</a>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-4 column">
                <div class="alert alert-success alert-dismissable">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                    <h4>
                        注意!
                    </h4> <strong>Warning!</strong><br>如果您需要更改您的登录密码，请输入账号的原登录密码，并保证原密码正确之后，您方可重新设置您新的登录密码!<a
                        id="modal-879924" href="#modal-container-879924" role="button" class="btn-sm"
                        data-toggle="modal">密码设置规则</a>
                    <div class="modal fade" id="modal-container-879924" role="dialog" aria-labelledby="myModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                                    </button>
                                    <h4 class="modal-title" id="myModalLabel">
                                        温馨提示
                                    </h4>
                                </div>
                                <div class="modal-body">
                                    密码设置规则如下：

                                    密码位数为8-16个字符，且区分大小写，支持字母（a-z，A-Z）、数字（0-9）及“_~@#$^”符号。
                                    密码需使用大写字母、小写字母、数字及特殊字符（_~@#$^）四种字符中至少三种的组合；
                                    密码中不能包含连续4位及以上相同或串联，如包含abcd、DCBA、1234、aaaa、2222等；
                                    手机号码后四位（连续）不能出现在密码中。
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                                </div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>